<html>
  <head>
    <meta charset="UTF-8">
    <title>Chat</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
    <link href="styles/font-awesome.min.css" type="text/css" rel="stylesheet" />
    <link href="styles/vsc.css" type="text/css" rel="stylesheet" />
  </head>
  <body>
    
      <section id="app">
          <header>
              <ul id="app-menu">
                <li class="icon icon-american-sign-language-interpreting" aria-hidden="true"></li>
                  <li>文件（F）</li>
                  <li>编辑（E）</li>
                  <li>选择（S）</li>
                  <li>查看（V）</li>
                  <li>转到（G）</li>
                  <li>运行（R）</li>
                  <li>终端（T）</li>
                  <li>帮助（H）</li>
              </ul>
              <h1>Visual Studio Code</h1>
              <div id="app-btns">
                  <span><li class="icon icon-window-minimize" aria-hidden="true"></li></span>
                  <span><li class="icon icon-clone" aria-hidden="true"></li></span>
                  <span><li class="icon icon-times" aria-hidden="true"></li></span>
              </div>
          </header>
          <section id="main">
              <header id="top-menu">
                  <ul id="main-menu">
                      <li><i class="icon icon-file"></i></li>
                      <li><i class="icon icon-search"></i></li>
                      <li class="selected"><i class="icon icon-paperclip"></i></li>
                      <li><i class="icon icon-check-circle"></i></li>
                  </ul>
                  <ul id="config-menu"></ul>
              </header>
              <aside>
                  <div><li>资源管理器</li></div>
                  <div><li>打开的编辑器</li></div>
                  <div><li>文件夹</li></div>
                  <div><li>文件夹</li></div>
                  <div><li>文件夹</li></div> 
              </aside>
              <div id="workspace">你曾哥代码一窍不通，勿喷勿扰</div>
          </section>
          <footer>
              <div id="notices">
                  <li><i class="icon icon-code-fork" >master*</i></li>
                  <li><i class="icon icon-refresh" aria-hidden="true"></i></li>
                  <li>
                      <i class="icon icon-exclamation-triangle" aria-hidden="true">0</i>
                      <i class="icon icon-times-circle-o" aria-hidden="true">0</i>

                  </li>
                </div>
              <div id="btns">
                  <li><i class="icon icon-bell-o" ></i></li>
                  <li><i class="icon icon-bullseye" aria-hidden="true">Go Live</i></li>
                  <li><i class="icon icon-twitter-square" aria-hidden="true"></i></li>
                  <li><i >HTML</i></li>
                  <li><i >CRLF</i></li>
                  <li><i >UTF-8</i></li>
                  <li><i >空格：</i></li>
                  <li><i >列：</i></li>
                  <li><i >行：</i></li>
                </div>
          </footer>
      </section>
          
      <script type="text/javascript" src="vsc.js"></script>
        
  </body>
</html>